<div class="ui segment" id="payment-state">
    {% include '@SyliusAdmin/Order/Label/PaymentState/' ~ order.paymentState ~ '.html.twig' with { 'value': 'sylius.ui.' ~ order.paymentState, 'attached': true } %}
    {% if order.hasPayments %}
        <h3 class="ui dividing header">{{ 'sylius.ui.payments'|trans }}</h3>
        <div class="ui relaxed divided list" id="sylius-payments">
            {% for payment in order.payments %}
                {% include '@SyliusAdmin/Order/Show/_payment.html.twig' %}
            {% endfor %}
        </div>
    {% endif %}
</div>
